<!-- meta tags and other links -->
<!-- Header -->
<!DOCTYPE html>
<html lang="en">
<head>
    <base href="/">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Title -->
    <title> Viserpet HTML Template</title>
    <!-- Favicon -->
    <link rel="shortcut icon" href="assets/picture/favicon.png">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!-- Fontawesome -->
    <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
    <!-- Slick -->
    <link rel="stylesheet" href="assets/css/slick.css">
    <!-- line awesome -->
    <link rel="stylesheet" href="assets/css/line-awesome.min.css">
    <!-- countdown css link-->
    <link rel="stylesheet" href="assets/css/jquery.classycountdown.min.css">
    <!-- range css -->
    <link rel="stylesheet" href="assets/css/jquery-ui.css">
    <!-- magnific css link -->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <!-- Main css -->
    <link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
    
<!--==================== Preloader Start ====================-->
<div class="preloader">
    <div class="loader-p"></div>
  </div>
<!--==================== Preloader End ====================-->

<!--==================== Overlay Start ====================-->
<div class="body-overlay"></div>
<!--==================== Overlay End ====================-->

<!--==================== Sidebar Overlay End ====================-->
<div class="sidebar-overlay"></div>
<!--==================== Sidebar Overlay End ====================-->

<!-- ==================== Scroll to Top End Here ==================== -->
<a class="scroll-top"><i class="fas fa-angle-double-up"></i></a>
<!-- ==================== Scroll to Top End Here ==================== -->

<!-- ==================== Header Top Start Here ==================== -->
<div class="header-top">
    <div class="container">
        <div class="d-flex flex-wrap align-items-center justify-content-between">    
            <div class="top-contact">
                <a href="index.html" class="top-contact__logo">
                    <img src="assets/picture/logo02.png" alt="logo">
                </a>
            </div>      
              <div class="d-flex flex-wrap align-items-center justify-content-center">
                   <div class="d-md-block d-none">
                    <div class="contact-list__wrapper d-flex flex-wrap justify-content-between">
                    <div class="contact-list style-two">
                            <span class="contact-list__icon"> 
                                <img src="assets/picture/phone.png" alt="">
                            </span>
                            <span class="contact-list__info"> 000 - 8888 - 9999</span>
                      </div>
                      <div class="contact-list">
                            <span class="contact-list__icon"> 
                                <img src="assets/picture/email.png" alt="">
                            </span>
                            <span class="contact-list__info"> <a href="javascript:;" class="__cf_email__" data-cfemail="d0a6b9a3b5a2a0b5a490b7bdb1b9bcfeb3bfbd">[email&#160;protected]</a></span>
                    </div>
                    </div>
                   </div>
                   <div class="currency-box">
                    <select class="select">
                        <option selected="">USD</option>
                        <option value="1">EURO</option>
                        <option value="2">RUPI</option>
                        <option value="3">DINAR</option>
                    </select>
                   </div>
              </div>
           
        </div>
    </div>
</div>
<!-- ==================== Header Top End Here ==================== -->
<nav class="category-two">
    <span class="close-sidebar"><i class="las la-times"></i></span>
    <ul class="category-menu-two">
        <li class="category-menu-two__item has-dropdown-two">
            <a href="#" class="category-menu-two__link">
                <span class="category-menu-two__thumb"><img src="assets/picture/dog01.png" alt=""></span> Dog Food <span class="category-menu-two__icon"><i class="las la-angle-down"></i></span></a>
            <ul class="category-dropdown-two">
                <li class="category-dropdown-two__item">
                    <a href="product-category.html" class="category-dropdown-two__link">
                        <span class="category-dropdown-two__thumb">
                            <img src="assets/picture/dog01.png" alt="">
                        </span> Category Dropdown One</a>
                </li>
                <li class="category-dropdown-two__item">
                    <a href="product-category.html" class="category-dropdown-two__link">
                        <span class="category-dropdown-two__thumb">
                            <img src="assets/picture/dog01.png" alt="">
                        </span> Category Dropdown Two</a>
                </li>
                <li class="category-dropdown-two__item">
                    <a href="product-category.html" class="category-dropdown-two__link">
                        <span class="category-dropdown-two__thumb">
                            <img src="assets/picture/dog01.png" alt="">
                        </span> Category Dropdown Three</a>
                </li>
            </ul>
        </li>
        <li class="category-menu-two__item">
            <a href="product-category.html" class="category-menu-two__link"><span class="category-menu-two__thumb"><img src="assets/picture/cat.png" alt=""></span> Cat </a>
        </li>
        <li class="category-menu-two__item">
            <a href="product-category.html" class="category-menu-two__link"> <span class="category-menu-two__thumb"><img src="assets/picture/fish.png" alt=""></span> Fish </a>
        </li>
        <li class="category-menu-two__item">                 
            <a href="product-category.html" class="category-menu-two__link"><span class="category-menu-two__thumb"><img src="assets/picture/toys.png" alt=""></span> Pet toy </a>
        </li>
        <li class="category-menu-two__item has-dropdown-two">
            <a href="#" class="category-menu-two__link">
                <span class="category-menu-two__thumb"><img src="assets/picture/parrot.png" alt=""></span> Parrot Food <span class="category-menu-two__icon"><i class="las la-angle-down"></i></span></a>
            <ul class="category-dropdown-two">
                <li class="category-dropdown-two__item">
                    <a href="product-category.html" class="category-dropdown-two__link">
                        <span class="category-dropdown-two__thumb">
                            <img src="assets/picture/parrot.png" alt="">
                        </span> Category Dropdown One</a>
                </li>
                <li class="category-dropdown-two__item">
                    <a href="product-category.html" class="category-dropdown-two__link">
                        <span class="category-dropdown-two__thumb">
                            <img src="assets/picture/parrot.png" alt="">
                        </span> Category Dropdown Two</a>
                </li>
                <li class="category-dropdown-two__item">
                    <a href="product-category.html" class="category-dropdown-two__link">
                        <span class="category-dropdown-two__thumb">
                            <img src="assets/picture/parrot.png" alt="">
                        </span> Category Dropdown Three</a>
                </li>
            </ul>
        </li>
        <li class="category-menu-two__item">
            <a href="product-category.html" class="category-menu-two__link"><span class="category-menu-two__thumb"><img src="assets/picture/rabbit.png" alt=""></span> Rabbit </a>
        </li>
        <li class="category-menu-two__item">
            <a href="product-category.html" class="category-menu-two__link"><span class="category-menu-two__thumb"><img src="assets/picture/accessories.png" alt=""></span> Accessories </a>
        </li>
        <li class="category-menu-two__item">
            <a href="product-category.html" class="category-menu-two__link"><span class="category-menu-two__thumb"><img src="assets/picture/dog02.png" alt=""></span> Small pet </a>
        </li>
     </ul>
     <div class="contact-list__wrapper d-md-none d-block">
        <div class="contact-list">
             <span class="contact-list__icon">
                <img src="assets/picture/phone.png" alt="">
             </span>
             <span class="contact-list__info"> 000 - 8888 - 9999</span>
        </div>
        <div class="contact-list">
             <span class="contact-list__icon">
               <img src="assets/picture/email.png" alt="">
            </span>
             <span class="contact-list__info"> <a href="javascript:;" class="__cf_email__" data-cfemail="4b3d22382e393b2e3f0b2c262a222765282426">[email&#160;protected]</a></span>
        </div>
     </div>
</nav>

<!-- ==================== Bottom Header End Here ==================== -->
<header class="main-header">
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light">
            <button class="navbar-toggler header-button" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span id="hiddenNav"><i class="las la-bars"></i></span>
            </button>
            <div class="header-category-two">
                <button class="header-category-two__item">Categories <span class="header-category-two__icon"><i class="las la-bars"></i></span></button>
               
            </div>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav nav-menu me-auto">
                  <li class="nav-item dropdown">
                      <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Home <span class="nav-item__icon"><i class="las la-angle-down"></i></span></a>
                         <ul class="dropdown-menu">
                          <li class="dropdown-menu__list"><a class="dropdown-item dropdown-menu__link" href="index.html"> Home One </a></li>
                          <li class="dropdown-menu__list"><a class="dropdown-item dropdown-menu__link" href="index-two.html"> Home Two </a></li>
                         </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" aria-current="page" href="">About</a>
                    </li>
                    <li class="nav-item dropdown">
                      <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Pages <span class="nav-item__icon"><i class="las la-angle-down"></i></span></a>
                      <ul class="dropdown-menu">
                          <li class="dropdown-menu__list"><a class="dropdown-item dropdown-menu__link" href="product-category.html">Product category</a></li>
                          <li class="dropdown-menu__list"><a class="dropdown-item dropdown-menu__link" href="product-two-details.html">Product Details</a></li>
                          <li class="dropdown-menu__list"><a class="dropdown-item dropdown-menu__link" href="check-out.html"> Check Out</a></li>
                          <li class="dropdown-menu__list"><a class="dropdown-item dropdown-menu__link" href="faq.html"> Faq </a></li>
                          <li class="dropdown-menu__list"><a class="dropdown-item dropdown-menu__link" href="javascript:;"> Error page </a></li>
                      </ul>
                      </li> 
                        <li class="nav-item dropdown">
                        <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false"> Blog <span class="nav-item__icon"><i class="las la-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li class="dropdown-menu__list"><a class="dropdown-item dropdown-menu__link" href="blog.html">Blog</a></li>
                            <li class="dropdown-menu__list"><a class="dropdown-item dropdown-menu__link" href="blog-details.html">Blog Details</a>
                          </li>
                        </ul>
                        </li> 
  
                    <li class="nav-item">
                      <a class="nav-link" href="contact.html">Contact</a>
                  </li>
                    <li class=" nav-item">
                      <div class="toggle-search-box d-none d-lg-block">
                          <button type="button" class="" data-bs-toggle="modal" data-bs-target="#search-box" data-bs-whatever="@mdo"><i class="las la-search"></i></button>
                      </div>
                    </li>
                </ul>
            </div>
            <div class="header-info">
                <div class="toggle-search-box d-lg-none d-block">
                    <button type="button" class="" data-bs-toggle="modal" data-bs-target="#search-box" data-bs-whatever="@mdo"><i class="las la-search"></i></button>
                </div>
              <div class="header-info__wishlist">
                 <a href="wishlist.html" class="header-info__link"><i class="far fa-heart"></i></a>
              </div>
              <div class="header-info__cart">
                     <a href="cart.html" class="header-info__link"><i class="fas fa-shopping-cart"></i></a>
                     <span class="header-info__cart-quantity">03</span>
              </div>
              <div class="header-info__user">
                 <a href="login.html" class="header-info__link"><i class="far fa-user"></i></a>
              </div>
           </div>
        </nav>
    </div>
  </header>
  <!-- ==================== Bottom Header End Here ==================== -->
  
   <!--========================== Search Modal Start ==========================-->
   <div class="overlay-search-box position-relative">
    <div class="modal fade" id="search-box" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-fullscreen modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="search-overlay-close" data-bs-dismiss="modal" aria-label="Close"><i class="las la-times"></i></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="search-box">
                                    <div class="input--group">
                                        <input type="text" class="form--control style-two" placeholder="Search....">
                                        <button class="search-btn" type="submit"><i class="las la-search"></i></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
  </div>
  <!--========================== Search Modal End ==========================-->

<!-- ==================== Breadcumb Start Here ==================== -->
<section class="breadcumb py-120 bg-img" style="background-image: url(../static/assets/picture/breadcumb-img.png);">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="breadcumb__wrapper">
                    <h1 class="breadcumb__title"> About Us</h1>
                    <ul class="breadcumb__list">
                        <li class="breadcumb__item"><a href="index.html" class="breadcumb__link"> <i class="las la-home"></i> Home</a> </li>
                        <li class="breadcumb__item"> / </li>
                        <li class="breadcumb__item"> <span class="breadcumb__item-text"> About Us </span> </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- ==================== Breadcumb End Here ==================== -->

<!--========================== About Section Start ==========================-->
<div class="about-section py-120">
    <div class="container">
        <div class="row gy-5 flex-wrap-reverse align-items-center">
            <div class="col-lg-6">
                <div class="about-thumb">            
                    <img src="assets/picture/about02.png" alt="image">
                </div>
            </div>
            <div class="col-lg-6">
                <div class="row">
                    <div class="section-heading style-two">
                        <h4 class="section-heading__subtitle"> About Us </h4>
                        <div class="col-md-6">
                            <h3 class="section-heading__title style-two "> We're Always Here For Our Customers. <span class="section-heading__bars style-two"></span></h3>
                        </div>
                     </div>
                </div>
                <div class="about-us">
                    <p class="about-us__desc">
                        Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from making it overyears old. Richard McClintock Latin professor at Hampden-Sydney
                    </p>
                    <div class="d-flex justify-content-betwwen flex-wrap mb-4">
                        <ul class="text-menu style">
                            <li class="text-menu__item"><span class="text-menu__icon"><i class="fas fa-check"></i></span> Deals & Promotions </li>
                            <li class="text-menu__item"><span class="text-menu__icon"><i class="fas fa-check"></i></span> Service agreement</li>
                        </ul>
                        <ul class="text-menu">
                            <li class="text-menu__item"><span class="text-menu__icon"><i class="fas fa-check"></i></span> Nsectetur cing elit </li>
                            <li class="text-menu__item"><span class="text-menu__icon"><i class="fas fa-check"></i></span> Printing and typesetting </li>
                        </ul>
                    </div>   
                      <div class="about-us-author">
                        <div class="about-us-author__info d-flex align-items-center">
                            <div class="about-us-author__thumb">
                                <img src="assets/picture/about03.png" alt="">
                            </div>
                            <div class="about-us-author__title">
                                <h6 class="about-us-author__name"> Dianne Russell </h6>
                                <span class="about-us-author__customer"> Customer </span>
                            </div>
                        </div>
                        <h5 class="about-us-author__text">
                            Over <span class="about-us-author__text-style"> 150,000+</span>  client all
                            over the world.
                        </h5>
                      </div>     
                      <div class="about-us-footer">
                          <span class="about-us-footer__text">Want to learn more about us? <a href="product-two-details.html" class="about-us-footer__link"> Click here </a></span>
                      </div>        
                </div>
            </div>
        </div>
    </div>
</div>
<!--========================== About Section End ==========================-->


<!-- =======================why choose section start here =================-->
<div class="why-choose pt-120">
    <div class="why-choose__bg">
        <img src="assets/picture/about04.png" alt="">
    </div>
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="section-heading ">
                    <h4 class="section-heading__subtitle text-white"> Choose Us </h4>
                    <h3 class="section-heading__title style-two text-white style-three"> Why Choose Us <span class="section-heading__bars style-three"></span></h3>
                 </div>
            </div>
        </div>
        <div class="row gy-4 justify-content-center">
            <div class="col-lg-4 col-sm-6 col-xsm-6">
                <div class="choose-item">
                    <div class="choose-item__thumb">
                        <img src="assets/picture/about05.png" alt="">
                    </div>
                    <div class="choose-item__content">
                        <h4 class="choose-item__title"> Modern Pet Toy </h4>
                        <p class="choose-item__desc">Learn Content By Interacting Anything Expert Lesson A video.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 col-xsm-6">
                <div class="choose-item">
                    <div class="choose-item__thumb">
                        <img src="assets/picture/about06.png" alt="">
                    </div>
                    <div class="choose-item__content">
                        <h4 class="choose-item__title"> Healthy Pet Nutritions </h4>
                        <p class="choose-item__desc">Learn Content By Interacting Anything Expert Lesson A video.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 col-xsm-6">
                <div class="choose-item">
                    <div class="choose-item__thumb">
                        <img src="assets/picture/about07.png" alt="">
                    </div>
                    <div class="choose-item__content">
                        <h4 class="choose-item__title"> Quality & Safety </h4>
                        <p class="choose-item__desc">Learn Content By Interacting Anything Expert Lesson A video.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 col-xsm-6 d-lg-none d-block">
                <div class="choose-item">
                    <div class="choose-item__thumb">
                        <img src="assets/picture/about05.png" alt="">
                    </div>
                    <div class="choose-item__content">
                        <h4 class="choose-item__title"> Modern Pet Toy </h4>
                        <p class="choose-item__desc">Learn Content By Interacting Anything Expert Lesson A video.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ====================why choose section end here =====================-->

<!-- ==========================testimonial section start here=======================-->
<div class="testimonial-section pb-60">
    <div class="container">
        <div class="row align-items-center flex-wrap">
            <div class="col-lg-6">
                <div class="testimonials-thumb-slider">
                    <div class="testimonial-thumb">
                        <img src="assets/picture/t-3.png" alt="">
                    </div> 
                    <div class="testimonial-thumb">
                        <img src="assets/picture/t-1.png" alt="">
                    </div> 
                    <div class="testimonial-thumb">
                        <img src="assets/picture/testimonial-img.png" alt="">
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="testimonial-slick-slider">
                   <div class="testimonial-slider">
                    <div class="testimonial-slider__icon">
                        <img src="assets/picture/testimonial-icon.png" alt="">
                    </div>
                    <p class="testimonial-slider__desc">
                       Lorem ipsum dolor, sit amet consectetur adipisicing elit. Delectus hic, aperiam consequuntur officia laboriosam architecto doloremque fuga?
                    </p>
                    <div class="testimonial-slider__details">
                        <h4 class="testimonial-slider__name"> victory </h4>
                        <span class="testimonial-slider__designation">Customer </span>
                    </div>
                   </div>
                   <div class="testimonial-slider">
                    <div class="testimonial-slider__icon">
                        <img src="assets/picture/testimonial-icon.png" alt="">
                    </div>
                    <p class="testimonial-slider__desc">
                       Placeat accusamus consequuntur repellat eos beatae! Assumenda facere consectetur explicabo iste, distinctio necessitatibus dolore.
                    </p>
                    <div class="testimonial-slider__details">
                        <h4 class="testimonial-slider__name"> Mark Wood</h4>
                        <span class="testimonial-slider__designation">Customer </span>
                    </div>
                   </div>
                   <div class="testimonial-slider">
                    <div class="testimonial-slider__icon">
                        <img src="assets/picture/testimonial-icon.png" alt="">
                    </div>
                    <p class="testimonial-slider__desc">
                        A great about us block helps builds trubetween you customers. The more content you provide about you and your business
                    </p>
                    <div class="testimonial-slider__details">
                        <h4 class="testimonial-slider__name">  williamson</h4>
                        <span class="testimonial-slider__designation">Customer </span>
                    </div>
                   </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!-- =========================testimonial section end here ==========================-->
<!--========================== Coverage Section Start ==========================-->
<div class="client pb-120 pt-60">
    <div class="container">
        <div class="client-logos client-slider">
            <img src="assets/picture/client-01.png" alt="">
            <img src="assets/picture/client-04.png" alt="">
            <img src="assets/picture/client-03.png" alt="">
            <img src="assets/picture/client-04.png" alt="">
            <img src="assets/picture/client-01.png" alt="">
            <img src="assets/picture/client-04.png" alt="">
            <img src="assets/picture/client-03.png" alt="">
        </div>
    </div>
</div>
<!--========================== Coverage Section End ==========================-->
<!-- ======================galler section start here=================== -->

<div class="gallery-section">
    <div class="container-fluid px-0">
        <div class="row gx-0">
            <div class="col-lg-3 col-sm-6 col-xxsm-6">
                <div class="gallery-item">
                    <div class="gallery-item__thumb">
                        <img src="assets/picture/about09.png" alt="">
                          <div class="hover-overlay">
                            <a href="javascript:;" class="hover-overlay__icon"><i class="fab fa-instagram"></i></a>
                          </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-xxsm-6">
                <div class="gallery-item">
                    <div class="gallery-item__thumb">
                        <img src="assets/picture/about10.png" alt="">
                          <div class="hover-overlay">
                            <a href="javascript:;" class="hover-overlay__icon"><i class="fab fa-instagram"></i></a>
                          </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-xxsm-6">
                <div class="gallery-item">
                    <div class="gallery-item__thumb">
                        <img src="assets/picture/about12.png" alt="">
                          <div class="hover-overlay">
                            <a href="javascript:;" class="hover-overlay__icon"><i class="fab fa-instagram"></i></a>
                          </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6 col-xxsm-6">
                <div class="gallery-item">
                    <div class="gallery-item__thumb">
                        <img src="assets/picture/about11.png" alt="">
                          <div class="hover-overlay">
                            <a href="javascript:;" class="hover-overlay__icon"><i class="fab fa-instagram"></i></a>
                          </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- ======================galler section end here=================== -->

<!--============================feature section start here =======================-->
<div class="feature-section bg-img py-60" style="background-image: url(../static/assets/picture/feature-img.png);">
    <div class="container">
        <div class="row gy-4">
            <div class="col-md-3 col-sm-6 col-xxsm-6">
                <div class="feature-item">
                    <div class="feature-item__thumb">
                        <img src="assets/picture/f04.png" alt="">
                    </div>
                    <div class="feature-item__info">
                        <h5 class="feature-item__title">
                            FREE SHIPPING
                        </h5>
                        <span class="feature-item__payment"> For All Order Over $99 </span>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xxsm-6">
                <div class="feature-item">
                    <div class="feature-item__thumb">
                        <img src="assets/picture/f03.png" alt="">
                    </div>
                    <div class="feature-item__info">
                        <h5 class="feature-item__title">
                            FRIENDLY SUPPORT
                        </h5>
                        <span class="feature-item__payment"> 24/7 Customer Support </span>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xxsm-6">
                <div class="feature-item">
                    <div class="feature-item__thumb">
                        <img src="assets/picture/f02.png" alt="">
                    </div>
                    <div class="feature-item__info">
                        <h5 class="feature-item__title">
                            SECURE PAYMENT
                        </h5>
                        <span class="feature-item__payment">100%  Secure Payment</span>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xxsm-6">
                <div class="feature-item">
                    <div class="feature-item__thumb">
                        <img src="assets/picture/f01.png" alt="">
                    </div>
                    <div class="feature-item__info">
                        <h5 class="feature-item__title">
                            SHIPPING & RETURN
                        </h5>
                        <span class="feature-item__payment"> within 30days For Refund </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- ==========================feature setion end here ============================-->



<!-- ========footer===== -->

<!-- ==================== Footer Start Here ==================== -->
<footer class="footer-area section-bg-light bg-img">
    <div class="pb-60 pt-120">
        <div class="container">
            <div class="row justify-content-center gy-5">
                <div class="col-xl-3 col-sm-6">
                    <div class="footer-item">
                        <div class="footer-item__logo">
                            <a href="index.html"> <img src="assets/picture/footer-logo02.png" alt=""></a>
                        </div>
                        <p class="footer-item__desc"> Maecenas tempus tellus eget cdimentum rhoncus sem quam semper </p>
                        <ul class="social-list">
                            <li class="social-list__item"><a href="javascript:;" class="social-list__link"><i class="fab fa-facebook-f"></i></a> </li>
                            <li class="social-list__item"><a href="javascript:;" class="social-list__link"> <i class="fab fa-twitter"></i></a></li>
                            <li class="social-list__item"><a href="javascript:;" class="social-list__link"> <i class="fab fa-linkedin-in"></i></a></li>
                            <li class="social-list__item"><a href="javascript:;" class="social-list__link"> <i class="fab fa-pinterest-p"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-1 d-xl-block d-none"></div>
                <div class="col-xl-2 col-sm-6">
                    <div class="footer-item">
                        <h5 class="footer-item__title"> Pages </h5>
                        <ul class="footer-menu">
                            <li class="footer-menu__item"><a href="" class="footer-menu__link"> About Us</a></li>
                            <li class="footer-menu__item"><a href="faq.html" class="footer-menu__link"> Faq</a></li>
                            <li class="footer-menu__item"><a href="cart.html" class="footer-menu__link">Shopping Cart </a></li>
                            <li class="footer-menu__item"><a href="blog.html" class="footer-menu__link"> Blog</a></li>
                            <li class="footer-menu__item"><a href="product-two-details.html" class="footer-menu__link"> Product Details</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-2 col-sm-6">
                    <div class="footer-item">
                        <h5 class="footer-item__title"> Useful link </h5>
                        <ul class="footer-menu">
                            <li class="footer-menu__item"><a href="product-category.html" class="footer-menu__link"> Product Category </a></li>
                            <li class="footer-menu__item"><a href="check-out.html" class="footer-menu__link">Checkout </a></li>
                            <li class="footer-menu__item"><a href="login.html" class="footer-menu__link">Login </a></li>
                            <li class="footer-menu__item"><a href="registration.html" class="footer-menu__link"> Registration </a></li>
                            <li class="footer-menu__item"><a href="contact.html" class="footer-menu__link"> Contact Us </a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-1 d-xl-block d-none"></div>
                <div class="col-xl-3 col-sm-6">
                    <div class="footer-item">
                        <h5 class="footer-item__title">Subscribe now</h5>
                        <div class="subscriber-form mb-3">
                            <input type="text" class=" form--control style-two" placeholder="Email Address" aria-label="Recipient's username">
                            <button class="btn btn--base subscribe-button"><i class="fas fa-paper-plane"></i></button>
                          </div>
                          <p>Subscribe to our newsletter and get 10% off your first purchase..</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
  <!-- Footer Top End-->
  
    <!-- bottom Footer -->
    <div class="bottom-footer section-bg py-3">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="bottom-footer__text">  Copyright &copy; 2023 . All rights reserved by Viserpet.</div>
                </div>
            </div>
        </div>
    </div>
  </footer>
  <!-- ==================== Footer End Here ==================== -->
  

<!-- Jquery js -->
<script data-cfasync="false" src="assets/js/email-decode.min.js"></script><script src="assets/js/jquery-3.6.1.min.js"></script>
<!-- Popper js -->
<script src="assets/js/popper.min.js"></script>
<!-- Bootstrap Js -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Slick js -->
<script src="assets/js/slick.min.js"></script>
<!-- countdown js -->
<script src="assets/js/jquery.knob.js"></script>
<script src="assets/js/jquery.throttle.js"></script>
<script src="assets/js/jquery.classycountdown.min.js"></script>
<!-- range js -->
<script src="assets/js/jquery-ui.js"></script>
<!-- magnific popup js -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
 <!-- main js -->
 <script src="assets/js/main.js"></script>

</body>
</html>
